<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>消防安全指数</title>
    <link rel="shortcut icon" href="../static/img/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="../static/css/style.css">
    <link rel="stylesheet" type="text/css" href="../static/css/safetyIndex.css">
    <link rel="stylesheet" type="text/css" href="../static/js/layui/css/layui.css">
</head>

<body>
    <div class="app">
        <div class="header">
            <div class="header-content">
                <div class="header-content-top">
                    <div class="header-content-top-left">
                        <img src="../static/img/clock.png" alt="">
                        <div id="week"></div>
                        <div class="line"></div>
                        <div id="date"></div>
                        <div id="time"></div>
                    </div>
                    <div class="info">
                        <div class="username">
                            <img src="../static/img/username.png">
                            <span>admin</span>
                        </div>
                        <div class="logout" onclick="logout()">
                            注销
                        </div>
                    </div>
                </div>
                <div class="header-nav">
                    <div class="header-nav-item" id="nav-home">首页</div>
                    <div class="header-nav-item" id="nav-index">应急管理</div>
                    <div class="header-nav-item" id="nav-firepm">物联网监控</div>
                    <div class="header-nav-item" id="nav-fireStatistics">火灾统计系统</div>
                    <div class="header-nav-item" id="nav-statistics">统计报表</div>
                    <div class="header-nav-item" id="nav-maintenance">维保管理</div>
                    <div class="header-nav-item" id="nav-firecar">物资管理</div>
                    <div class="header-nav-item" id="nav-special-record">双随机一公开</div>
                    <div class="header-nav-item" id="nav-safetyIndex">单位安全指数</div>
                    <div class="header-nav-item" id="nav-building">建筑物管理</div>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="content-top">
                <div class="content-title">消防安全指数</div>
                <div class="content-top-body">
                    <div class="content-top-item">
                        <div class="content-top-item-title">隐患整改完成率</div>
                        <div class="content-top-item-con">
                            <div>
                                <div>
                                    平均分
                                </div>
                                <div>83</div>
                            </div>
                            <div><span class="pie1">83/100</span></div>

                        </div>
                    </div>
                    <div class="content-top-item">
                        <div class="content-top-item-title">巡查到位率</div>
                        <div class="content-top-item-con">
                            <div>
                                <div>
                                    平均分
                                </div>
                                <div>77</div>
                            </div>
                            <div><span class="pie2">77/100</span></div>

                        </div>
                    </div>
                    <div class="content-top-item">
                        <div class="content-top-item-title">消防通道通畅率</div>
                        <div class="content-top-item-con">
                            <div>
                                <div>
                                    平均分
                                </div>
                                <div>66</div>
                            </div>
                            <div><span class="pie2">66/100</span></div>

                        </div>
                    </div>
                    <div class="content-top-item">
                        <div class="content-top-item-title">设备完好率</div>
                        <div class="content-top-item-con">
                            <div>
                                <div>
                                    平均分
                                </div>
                                <div>97</div>
                            </div>
                            <div><span class="pie1">97/100</span></div>

                        </div>
                    </div>
                    <div class="content-top-item">
                        <div class="content-top-item-title">消控室人员在岗率</div>
                        <div class="content-top-item-con">
                            <div>
                                <div>
                                    平均分
                                </div>
                                <div>86</div>
                            </div>
                            <div><span class="pie1">86/100</span></div>

                        </div>
                    </div>
                    <div class="content-top-item">
                        <div class="content-top-item-title">培训完成率</div>
                        <div class="content-top-item-con">
                            <div>
                                <div>
                                    平均分
                                </div>
                                <div>57</div>
                            </div>
                            <div><span class="pie3">57/100</span></div>

                        </div>
                    </div>
                    <div class="content-top-item">
                        <div class="content-top-item-title">单位执法状态</div>
                        <div class="content-top-item-con">
                            <div>
                                <div>
                                    平均分
                                </div>
                                <div>93</div>
                            </div>
                            <div><span class="pie1">93/100</span></div>

                        </div>
                    </div>
                    <div class="content-top-item">
                        <div class="content-top-item-title">隐患状态</div>
                        <div class="content-top-item-con">
                            <div>
                                <div>
                                    平均分
                                </div>
                                <div>76</div>
                            </div>
                            <div><span class="pie2">76/100</span></div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="content-bottom">
                <div class="content-title">各监控单位安全指数列表</div>
                <div class="content-right-header">
                    <input type="text" name="" id="licensePlate" placeholder="单位类型">
                    <input type="text" name="" id="carType" placeholder="单位名称">
                    <button>
                        <img src="../static/img/search.png">查询
                    </button>
                    <button>
                        <img src="../static/img/add.png">导出
                    </button>
                </div>
                <div style="width: 100%;position: relative;height: 3.8rem;">
                    <table id="body-content-table"></table>
                </div>
            </div>
        </div>
        <div class="editcar">
            <div class="editcar-body">
                <div class="editcar-header">
                    <img src="../static/img/detail.png"><span>马群科创中心A栋安全指数详情</span>
                    <img id="editcar-close" src="../static/img/close.png">
                </div>
                <div class="editcar-con">
                    <div class="content-title">消防安全指数各指标详情</div>
                    <div class="content-top-body">
                        <li class="building-info-li">
                            <div class="building-info-li-left">单位名称</div>
                            <div>马群科创中心A栋</div>
                        </li>
                        <li class="building-info-li">
                            <div class="building-info-li-left">单位地址</div>
                            <div>仙林大道18号</div>
                        </li>
                        <li class="building-info-li">
                            <div class="building-info-li-left">单位负责人</div>
                            <div>马力</div>
                        </li>
                        <li class="building-info-li">
                            <div class="building-info-li-left">单位电话</div>
                            <div>83564895</div>
                        </li>
                        <li class="building-info-li">
                            <div class="building-info-li-left">物业单位</div>
                            <div>紫竹物业</div>
                        </li>
                        <li class="building-info-li">
                            <div class="building-info-li-left">物业电话</div>
                            <div>18956487756</div>
                        </li>
                        <li class="building-info-li">
                            <div class="building-info-li-left">消防中队</div>
                            <div>马群中队</div>
                        </li>
                        <li class="building-info-li">
                            <div class="building-info-li-left">中队电话</div>
                            <div>13658495565</div>
                        </li>

                    </div>
                    <div class="content-top-body">
                        <div class="content-top-item">
                            <div class="content-top-item-title">隐患整改完成率</div>
                            <div class="content-top-item-con">
                                <div>
                                    <div>
                                        得分
                                    </div>
                                    <div>83</div>
                                </div>
                                <div><span class="pie1">83/100</span></div>

                            </div>
                        </div>
                        <div class="content-top-item">
                            <div class="content-top-item-title">巡查到位率</div>
                            <div class="content-top-item-con">
                                <div>
                                    <div>
                                        得分
                                    </div>
                                    <div>77</div>
                                </div>
                                <div><span class="pie2">77/100</span></div>

                            </div>
                        </div>
                        <div class="content-top-item">
                            <div class="content-top-item-title">消防通道通畅率</div>
                            <div class="content-top-item-con">
                                <div>
                                    <div>
                                        得分
                                    </div>
                                    <div>66</div>
                                </div>
                                <div><span class="pie2">66/100</span></div>

                            </div>
                        </div>
                        <div class="content-top-item">
                            <div class="content-top-item-title">设备完好率</div>
                            <div class="content-top-item-con">
                                <div>
                                    <div>
                                        得分
                                    </div>
                                    <div>97</div>
                                </div>
                                <div><span class="pie1">97/100</span></div>

                            </div>
                        </div>
                        <div class="content-top-item">
                            <div class="content-top-item-title">消控室人员在岗率</div>
                            <div class="content-top-item-con">
                                <div>
                                    <div>
                                        得分
                                    </div>
                                    <div>86</div>
                                </div>
                                <div><span class="pie1">86/100</span></div>

                            </div>
                        </div>
                        <div class="content-top-item">
                            <div class="content-top-item-title">培训完成率</div>
                            <div class="content-top-item-con">
                                <div>
                                    <div>
                                        得分
                                    </div>
                                    <div>57</div>
                                </div>
                                <div><span class="pie3">57/100</span></div>

                            </div>
                        </div>
                        <div class="content-top-item">
                            <div class="content-top-item-title">单位执法状态</div>
                            <div class="content-top-item-con">
                                <div>
                                    <div>
                                        得分
                                    </div>
                                    <div>93</div>
                                </div>
                                <div><span class="pie1">93/100</span></div>

                            </div>
                        </div>
                        <div class="content-top-item">
                            <div class="content-top-item-title">隐患状态</div>
                            <div class="content-top-item-con">
                                <div>
                                    <div>
                                        得分
                                    </div>
                                    <div>76</div>
                                </div>
                                <div><span class="pie2">76/100</span></div>

                            </div>
                        </div>
                    </div>
                    <div class="content-title">单位安全指数趋势分析</div>
                    <div id="chart"></div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../static/js/util/jquery.min.js"></script>
    <script type="text/javascript" src="../static/js/util/echarts.min.js"></script>
    <script type="text/javascript" src="../static/js/biz/app.js"></script>
    <script type="text/javascript" src="../static/js/biz/safetyIndex.js"></script>
    <script type="text/javascript" src="../static/js/biz/curtime.js"></script>
    <script type="text/javascript" src="../static/js/layui/layui.all.js"></script>
    <script type="text/javascript" src="../static/js/util/jquery.peity.min.js"></script>
</body>

</html>